<?php include_once('../layouts/header.php') ?>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',split:true,border:false">
        <div class="container">
            <fieldset><legend><code>validatebox</code></legend></fieldset>
            <form id="idform">
                <div class="form-box sm-form">
                    <div class="form-item">
                        <div class="form-input input-group">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input type="text" placeholder="邮箱" name="email" class="easyui-validatebox" data-options="validType:'email'">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input class="group-input easyui-validatebox" data-options="validType:'number'" type="text" placeholder="QQ" value="" name="qq">
                        </div>
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input class="group-input" type="text" placeholder="昵称" value="" name="nickName">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">真实名称</div>
                            <input class="group-input" type="text" placeholder="真实名称" value="" name="realName">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">联系方式</div>
                            <input class="group-input easyui-validatebox" data-options="validType:'phone'" type="text" placeholder="联系方式" value="" name="userName">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group groups">
                            <div class="group-text">家庭住址</div>
                            <input class="group-input easyui-validatebox" placeholder="家庭住址" name="address" data-options="validType:'url'">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group">
                            <span class="input-icon"><i class="fa fa-lock"></i></span><input repeat="pwd" type="password" placeholder="密码" value="" name="password1">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-lock"></i></span><input class="easyui-passwordbox" prompt="密码" iconWidth="28" data-options="width:'100%'" name="password2">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <span class="group-text">密码</span><input class="easyui-passwordbox" prompt="密码" iconWidth="28" data-options="width:'100%'" class="group-input" name="password3">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input captcha-box">
                            <input class="captcha-input easyui-validatebox" data-options="required:true,validType:'numberLength[8]'" type="text" placeholder="验证码" value="" name="captcha"><span class="btn btn-default captcha-btn">获取验证码</span>
                        </div>
                    </div>
                    <div class="form-item mt10">
                        <button type="button" class="btn btn-primary btn-block" onclick="$.submitForm(this)"
                         data-options="
                            form:{
                                id:'#idform',
                                url:'/data/index.php?type=test'
                            },
                            callback:[{
                                method:'closeTab',
                                cTab:{ttarget:'form_select'}
                            },{
                                method:'openTab',
                                oTab:{
                                    title:'按钮',
                                    ttarget:'form_button',
                                    ttype:'iframe',
                                    url:'/html/form/button.php',
                                },
                            }]
                         ">登录</button>
                        <button type="button" class="btn btn-default btn-block" onclick="$.clearForm($(this))"
                         data-options="
                            form:{
                                id:'#idform',
                            },
                            callback:{
                                method:'reloadGrid',
                                grid:{
                                    type:'datagrid',
                                    id:'#products',
                                    updateRow:true,
                                }
                            }
                         ">清空</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<?php include_once('../layouts/footer.php') ?>